import React, { useEffect, useState } from 'react';
import style from './index.less'

const LabelList = ({ homeData }) => {
    const labelList = homeData?.label ? Object.values(homeData?.label) ?? [] : []
    return (
        <div>
            <ul className={style['label_list']}>
                {
                    labelList?.map((it, index: number) => {
                        return (
                            <li key={index} className={style['label_li']}>
                                <img src={it.image_url} />
                                <div className={style['label_text']}>{it.name}</div>
                            </li>
                        )
                    })
                }
            </ul>
        </div>
    )
}

export default LabelList;